<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>蜂蜜旅行运营后台</title>
    <link rel="stylesheet" href="/layui-2.4.2/src/css/layui.css">
    <script type="text/javascript" src="/jquery/jquery-1.8.0.min.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">蜂蜜旅行运营后台</div>
        <ul class="layui-nav layui-layout-right">
            <!--<li class="layui-nav-item">-->
                <!--<a href="javascript:;">-->
                    <!--<img src="http://t.cn/RCzsdCq" class="layui-nav-img">-->
                    <!--贤心-->
                <!--</a>-->
                <!--<dl class="layui-nav-child">-->
                    <!--<dd><a href="">基本资料</a></dd>-->
                    <!--<dd><a href="">安全设置</a></dd>-->
                <!--</dl>-->
            <!--</li>-->
            <li class="layui-nav-item"><a href="/account/login.html">退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test" id="memus"></ul>
        </div>
<!--        <div class="layui-side-scroll">-->
<!--            &lt;!&ndash; 左侧导航区域（可配合layui已有的垂直导航） &ndash;&gt;-->
<!--            <ul class="layui-nav layui-nav-tree" lay-filter="honey-trip-tree">-->
<!--                <li class="layui-nav-item layui-nav-itemed">-->
<!--                    <a class="" href="javascript:">订单管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/tripcarOrder/view" data-text="用车">用车订单</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/productOrder/view" data-text="实物">商品订单</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/popularRouteOrder/view" data-text="旅游">旅游订单</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">商品管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/product/view" data-text="实物">普通商品</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/product/spec_product" data-text="规格">商品规格</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/specProduce/SpecParentView" data-text="父类规格">父类规格</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/specProduce/SpecSonView" data-text="子类规格">子类规格</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/product/specProductTest" data-text="测试">测试</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">接送机管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--&lt;!&ndash;                        <dd><a href="javascript:" data-url="/tripcar/view" data-text="用车">用车管理</a></dd>&ndash;&gt;-->
<!--                        <dd><a href="javascript:" data-url="/startPrice/view" data-text="城市起步价管理">城市起步价管理</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/startPrice/carModel" data-text="城市车型管理">城市车型管理</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">用户管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/user/view" data-text="用户">用户列表</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/authAgain/view" data-text="实名">实名认证</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/userWallet/view" data-text="账户">账户信息</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/usdtLog/view" data-text="usdt">USDT提现记录</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/transferAccounts/view" data-text="账户">转账记录</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/cardOrder/view" data-text="会员卡">会员卡信息</a></dd>-->
<!--                        &lt;!&ndash;<dd><a href="javascript:;" data-url="/calculation/view" data-text="反佣设置">反佣设置</a></dd>&ndash;&gt;-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">旅游路线管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/popularRoute/view" >路线管理</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/routeModel/route_model_view" >路线车型管理</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">车型管理</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/carModel/view" >车型管理</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">运营页面</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/community/view" >社区管理</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:">其他</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:" data-url="/banner/view" data-text="banner管理">banner管理</a></dd>-->
<!--                        <dd><a href="javascript:" data-url="/banner/demo" data-text="demo">demo</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--            </ul>-->
<!--        </div>-->
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;height:100%">
            <iframe id="honey-trip-content" style="width:100%;height:100%;border:0px;">

            </iframe>
        </div>
        <div id="tabzu" class="layui-tab layui-tab-card layui-tab-brief" lay-filter="tabDemo" lay-allowclose="true">
            <ul class="layui-tab-title"></ul>
            <div class="layui-tab-content"></div>
        </div>


    </div>

    <!--<div class="layui-footer">-->
    <!--&lt;!&ndash; 底部固定区域 &ndash;&gt;-->
    <!--© layui.com - 底部固定区域-->
    <!--</div>-->
</div>
<script src="/layui-2.4.2/src/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;
        element.on('nav(test)', function (elem) {
            var url = elem.attr("data-url");
            $('#honey-trip-content').attr('src', elem.attr('data-url'));

        });

        function checkLastItem(arr, i) {
            return arr.length == (i + 1);
        }

        function getAhtml(obj){
            // return  "<dd><a href=\"javascript:\" data-url=\"/banner/view\" data-text=\"banner管理\">banner管理</a>"
            //return '<dd><a> href = "javascript:" data-url='+obj.url+' data-text='+obj.name+'>+''+ </a>'
            return "<a href =\"javascript:\" data-url=" + obj.url + " data-text = " + obj.name +">" + obj.name +"</a></dd>";
           // return "<a href=\"javascript:;\" οnclick=\"addTab('" + obj.name + "','" + obj.url + "')\" >" + obj.name + "</a>";
        }
        //动态菜单
        layui.jquery.ajax({
            url: "/sys/menus",
            method: 'POST',
            success: function(res) {
                var data = JSON.parse(res);
                var html = "";
                for(var i = 0; i < data.length; i++) {
                    var strli = "<li class=\"layui-nav-item lay-unselect \" >";
                    if (data[i].url =='#'){
                        strli = strli + "<a href=\"javascript:;\">" + data[i].name + "</a>";
                        console.log(data[i].name)
                    }else{
                        strli = strli + getAhtml(data[i]);
                    }
                    if(data[i].pid == "0" && !checkLastItem(data, i) && data[i + 1].pid != "0") {
                        strli = strli + "<dl class=\"layui-nav-child\" >";
                        for(; !checkLastItem(data, i) && data[i + 1].pid != "0"; i++) {
                            strli = strli + "<dd>"+getAhtml(data[i+1])+"</dd>";
                        }
                        strli = strli + "</dl>";
                    }
                    strli = strli + "</li>";
                    html = html + strli;
                }
                layui.jquery("#memus").html(html);
                layui.element.init(); //一定初始化一次
            }
        })
    });

    //添加选项卡
    function addTab(name, url) {
        if(layui.jquery(".layui-tab-title li[lay-id='" + name + "']").length > 0) {
            //选项卡已经存在
            layui.element.tabChange('tabDemo', name);
            layer.msg('切换-' + name)
        } else {
            //动态控制iframe高度
            var tabheight = layui.jquery(window).height() - 95;
            contentTxt = '<iframe src="' + url + '" scrolling="no" width="100%" height="' + (tabheight) + 'PX"></iframe>';
            //新增一个Tab项
            layui.element.tabAdd('tabDemo', {
                title: name,
                content: contentTxt,
                id: name
            })
            //切换刷新
            layui.element.tabChange('tabDemo', name)
            layer.msg('新增-' + name)
        }
    }
</script>
</body>
</html>